require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/About.css';
import React, {Component} from 'react';
import {Form, Row, Col, Layout,} from 'antd';

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
let In8 = require('../sources/in8/zh_cn');

const  msg1 =  In8.About.msg1; //"福建掌心悦动网络科技有限公司成立于2017年4月，是一家年轻热情的高新技术企业，公司位于福州市鼓楼区。"
const  msg2 = In8.About.msg2; // "掌心悦动作为一个充满活力的互联网公司，公司遵循“用户第一，服务至上”的发展理念，汇聚了行业内的精英骨干，以及众多热爱游戏事业，富有创新精神的互联网达人，旨在打造一支国内顶尖的游戏服务队伍。"
const  msg3 = In8.About.msg3;  //"掌心悦动提倡“互利互惠、合作共赢”的理念，无论是团队还是个人，我们会认真对待每一位有意向的合作者，共同缔造游戏行业辉煌的明天！";
class About extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
    console.log("this.props",this.props);
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>

        <Content style={{minHeight: '680px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col span={12} style={{padding:'0 1%',backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'400px'}} >
              <h1 style={{color:'#1676be',fontSize:'30px'}}>关于我们</h1>

              <p className={styles.AboutP}>
                {msg1}
              </p>
              <p className={styles.AboutP}>
                {msg2}
              </p>
              <p className={styles.AboutP}>
                {msg3}
              </p>

            </Col>
          </Row>

        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(About);
